<template>
    <div class="container">
        <nav-bar :isHome="true"></nav-bar>
        <div class="card">
            <div class="kemu1">
                <van-image :src="kemu1" fit="contain" />
                <span>小车理论考试</span>
            </div>
            <div class="kemu4">
                <van-image :src="kemu4" fit="contain" />
                <span>小车理论考试</span>
            </div>
        </div>
        <subject></subject>

    </div>
</template>
<script setup>
import NavBar from "@/components/common/navbar/NavBar.vue"
import Subject from "@/components/index/Subject.vue";
import SubjectFour from "@/components/index/SubjectFour.vue";
import kemu1 from "/assets/kemu1.png"
import kemu4 from "/assets/kemu4.png";
</script>
<style lang="scss" scoped>
.container {
    background-color: #f5f5f5;

    .card {
        display: flex;
        align-items: center;
        padding: 10px;
        gap: 10px;
        background-color: #fff;
        justify-content: space-around;
        margin-bottom: 10px;

        .kemu1,
        .kemu4 {
            position: relative;

            span {
                font-size: 13px;
                position: absolute;
                left: 1rem;
                bottom: 1.2rem
            }
        }
    }
}
</style>